<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<!-- Bootstrap --> 
    	<link href="styles/bootstrap.css" rel="stylesheet" media="screen"> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="styles/estilos.css" /> 
<title>Jardin Zen Acuatico</title>
</head>
<body style="background:#BDBDBD">
<img src="images/pvz11.jpg" style="width:1366px; margin-bottom:7px;"/>
<div class="titulo">Plantas del Jardin Zen</div>

<table class="table table-striped table-bordered table-condensed">
           		<thead>
	           		<tr>
	               		<th id="main">Nombre</th>
	               		<th id="main">Puntos Daño</th>
	               		<th id="main">Capacidad Defensiva</th>
	               </tr>
	            </thead>
	            <tbody>
	               	<tr wicket:id="plantas">
	                   	<td>
	                   	    <span wicket:id="nombre">Nombre</span> 
	               	    </td> 
	           	        <td>
	       	            	<span wicket:id="puntosDanio">Puntos Daño</span>
	   	                </td> 
	   	                <td>
	       	            	<span wicket:id="capacidadDefensiva">Capacidad Defensiva</span>
	   	                </td> 
	               	</tr>
               	</tbody>
  </table>

<form wicket:id="form" class="form-horizontal">
<div class="btn-group">
<button wicket:id="cambiarJardin" class="boton" style="width:150px;"  type="submit">Jardin Terrestre</button>
<button wicket:id="volver" class="boton"  type="submit">Volver</button>
</div>
</form>
</body>
<div align=center>
<img src="images/Seta_solar.gif">
<img src="images/Seta congelante.gif">
<img src="images/2jfirrajpg1.gif">
</div> 
   
</html>